<div id="room">
	<div id="topdown" style="background-image: url({$T.topdown});"></div>
	<div id="sidebar">
		<div class="category">Room settings</div>
		{#foreach $T.options as option}
			<div class="option" optionId="{$T.option.id}">
				<div class="label">{$T.option.label}</div>
				{#if $T.option.type == "slider"}
				<div class="slider" min="{$T.option.min}" max="{$T.option.max}" optionId="{$T.option.id}">
					<div class="bar"></div>
					<div class="pointer" optionId="{$T.option.id}"><div class="ball"></div></div>
				</div>
				<div class="numeric">
					<span class="value">{$T.option.min}</span>
					<span class="unit">{$T.option.unit}</span>
				</div>
				{#elseif $T.option.type == "switch"}
				<div class="switch off" optionId="{$T.option.id}"></div>
				{#else}
				{$T.option.type}
				{#/if}
				<div class="check"></div>
			</div>
		{#/for}
		<div class="save">Save as preset</div>
		<div class="category">Presets</div>
	</div>
</div>